X

8f:I[903690,["/chat-static/_next/static/chunks/207k4irufuy1q.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1xnpnq2yv_y5u.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/035w0wg2gxyor.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0mi4y0w4pl0wu.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2q7fs4m_uamv5.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/14v7b-gixg9wk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3xrj_hsp3fmgn.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1xdkpdc84l3q9.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2eciheds0i9z4.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/34jb4285p3p7e.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1oslv0c4p1hes.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1jfrn9u40szv6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3c4glqozsbxzk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2kohmem-6ngwr.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3u--blmtci52c.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3bbsz6yb3u_4l.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0g1vo6dajj3ur.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0w7-fmksgb7nb.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3wi82p7qvjxfb.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1z4v54v0ctlnj.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2sjnzs7s258hc.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0294hnotirvvk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3egyb5cbfet-b.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1d5cm3g8z-wmq.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1q89dw-c_44o_.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2cjw3-k1vrcs3.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/29z3h6t0tfllm.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/127p2zuv79gkk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2zak2d_u5iko3.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1ywag30-9ka99.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3qg3qz7pjnemd.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2gumkeigv5cf6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3fbsfek8pd--1.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/32f_k_-32djl6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1lq145b3vyg4-.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0gl0monphc_1q.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/32nvcog1s7wsq.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3a-9evtevbng4.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2_ncwtp5_4p4i.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3xuq22wvkumrj.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/112s1d0t63y17.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1848vponakflr.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN"],"ExplicitChatIdProvider"] 90:I[838238,["/chat-static/_next/static/chunks/207k4irufuy1q.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1xnpnq2yv_y5u.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/035w0wg2gxyor.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0mi4y0w4pl0wu.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2q7fs4m_uamv5.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/14v7b-gixg9wk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3xrj_hsp3fmgn.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1xdkpdc84l3q9.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2eciheds0i9z4.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/34jb4285p3p7e.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1oslv0c4p1hes.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1jfrn9u40szv6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3c4glqozsbxzk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2kohmem-6ngwr.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3u--blmtci52c.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3bbsz6yb3u_4l.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0g1vo6dajj3ur.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0w7-fmksgb7nb.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3wi82p7qvjxfb.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1z4v54v0ctlnj.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2sjnzs7s258hc.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0294hnotirvvk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3egyb5cbfet-b.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1d5cm3g8z-wmq.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1q89dw-c_44o_.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2cjw3-k1vrcs3.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/29z3h6t0tfllm.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/127p2zuv79gkk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2zak2d_u5iko3.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1ywag30-9ka99.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3qg3qz7pjnemd.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2gumkeigv5cf6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3fbsfek8pd--1.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/32f_k_-32djl6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1lq145b3vyg4-.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0gl0monphc_1q.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/32nvcog1s7wsq.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3a-9evtevbng4.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2_ncwtp5_4p4i.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3xuq22wvkumrj.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/112s1d0t63y17.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1848vponakflr.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN"],"SWRDataProvider"] 91:T22c1,[V0_FILE]typescriptreact:file="components/kokonutui/tweet-card.tsx" import { VerifiedIcon } from "lucide-react"; import { cn } from "@/lib/utils"; import Link from "next/link"; interface ReplyProps { authorName: string; authorHandle: string; authorImage: string; content: string; isVerified?: boolean; timestamp: string; } interface TweetCardProps { authorName: string; authorHandle: string; authorImage: string; content: string[]; isVerified?: boolean; timestamp: string; reply?: ReplyProps; } export default function TweetCard({ authorName = "Dorian", authorHandle = "dorian_baffier", authorImage = "https://pbs.twimg.com/profile_images/1854916060807675904/KtBJsyWr_400x400.jpg", content = [ "All components from KokonutUI can now be open in @v0 🎉", "1. Click on 'Open in V0'", "2. Customize with prompts", "3. Deploy to your app", ], isVerified = true, timestamp = "Jan 18, 2025", reply = { authorName: "shadcn", authorHandle: "shadcn", authorImage: "https://pbs.twimg.com/profile_images/1593304942210478080/TUYae5z7_400x400.jpg", content: "Awesome.", isVerified: true, timestamp: "Jan 18", }, }: TweetCardProps) { return (

{authorName} {isVerified && ( )}

@{authorHandle}

{content.map((item, index) => (

{item}

))} {timestamp}

{reply && (

{reply.authorName} {reply.isVerified && ( )} @{reply.authorHandle} · {reply.timestamp}

{reply.content}

)}

); }85:["$","$L8f",null,{"chatId":"Diw2uWNWWlt","children":["$","$L90",null,{"data":{"@\"active-block\",\"Diw2uWNWWlt\",":{"id":"b_QK6eDrorjc1","messageId":"PKsZLQ6Qmhqzd1bFy5dzSRVHXGpC4dvo","source":"$91","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"Open in v0","type":"code-project","project":"Open in v0"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"Diw2uWNWWlt\",":false,"":null},"children":"$L92"}]}]

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This